<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition>
	<h:head>
		<h:outputStylesheet name="estilos1.css" library="css"></h:outputStylesheet>
		<ui:insert name="titulo"></ui:insert>
	</h:head>
	<h:body>
		<div id="container">
			<div id="encabezado">
				<div id="logo">
					<p:graphicImage value="/images/yupi.png" width="100%" height="50"
						align="left" id="logo" style="background-color: #F2F2F2;" />
				</div>
				<div id="menuHorizontal">
					<h:form>
						<p:growl id="messages" />
						<p:menubar styleClass="tipoMenuHorizonte">
							<p:submenu label="Administración" icon="ui-icon-gear">
								<p:menuitem value="Clientes"
									url="/faces/site/pages/cliente.xhtml"></p:menuitem>
								<p:menuitem value="Empleados"
									url="/faces/site/pages/empleado.xhtml"></p:menuitem>
								<p:submenu label="Kardex">
									<p:menuitem value="Conceptos"
										url="/faces/site/pages/conceptoKardex.xhtml"></p:menuitem>
									<p:menuitem value="Movimientos"
										url="/faces/site/pages/movimientoKardex.xhtml"></p:menuitem>
								</p:submenu>
								<p:submenu label="Ubicaciones">
									<p:menuitem value="Ciudades"
										url="/faces/site/pages/Ciudad.xhtml"></p:menuitem>
									<p:menuitem value="Departamentos"
										url="/faces/site/pages/departamento.xhtml"></p:menuitem>
									<p:menuitem value="Zonas" url="/faces/site/pages/zona.xhtml"></p:menuitem>
								</p:submenu>
								<p:menuitem value="Usuarios"
									url="/faces/site/pages/usuario.xhtml"></p:menuitem>
							</p:submenu>
							<p:menuitem value="Compras"
								url="/faces/site/pages/ordenCompra.xhtml" icon="ui-icon-cart"></p:menuitem>
							<p:submenu label="Facturación" icon="ui-icon-clipboard">
								<p:menuitem value="Caja menor"
									url="/faces/site/pages/caja.xhtml"></p:menuitem>
								<p:menuitem value="Facturas"
									url="/faces/site/pages/factura.xhtml"></p:menuitem>
							</p:submenu>
							<p:menuitem value="Insumos" url="/faces/site/pages/insumo.xhtml"
								icon="ui-icon-tag"></p:menuitem>
							<p:menuitem value="Kardex" url="#" icon="ui-icon-calculator"></p:menuitem>
							<p:menuitem value="Pedidos" url="/faces/site/pages/pedidoVenta.xhtml" icon="ui-icon-suitcase"></p:menuitem>
						</p:menubar>
					</h:form>
				</div>
			</div>
		</div>
		<div id="menuLateral">
			<ui:insert name="lateral"></ui:insert>
		</div>
		<div id="cuerpo">
			<div id="tabla">
				<ui:insert name="contenidoTabla"></ui:insert>
			</div>
			<p:separator style="height: 5px;"></p:separator>
			<div id="detalle">
				<ui:insert name="contenidoDetalle"></ui:insert>
			</div>
		</div>
		<p:stack icon="/images/world.png" expanded="false">
			<p:menuitem value="Contactenos" icon="/images/email_default.png"
				url="#" target="_blank" />
			<p:menuitem value="Solicitud" icon="/images/note_write.png" url="#"
				target="_blank" />
			<p:menuitem value="Kreanet" icon="/images/bag.png" url="#"
				target="_blank" />
		</p:stack>
	</h:body>
</ui:composition>
</html>